.login {
    width: 100%;
    height: 100%;
    position: relative;

    img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
    }

    .logins {
        width: 400px;
        height: 300px;
        position: absolute;
        left: 40%;
        top: 200px;
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 10px;

        h2 {
            text-align: center;
            color: #fc6627;
            height: 50px;
            line-height: 50px;
        }

        .log {
            text-align: center;

            ul {
                li {
                    input {
                        width: 300px;
                        height: 30px;
                        margin: 10px 0;
                    }
                }
            }

            .checkbox {
                li {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 14px;
                }

                input {
                    width: 15px;
                    height: 15px;
                }
            }

            .ant-btn {
                width: 300px;
                height: 30px;
                background-color: #1890ff;
                color: white;
                border: none;
            }

            .jg {
                color: red;
                font-size: 12px;
                width: 300px;
                margin-left: 50px;
            }
        }
    }
}